<!-- 公用底部导航 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	footer#PublicFooter{
		height:100px;
		width:100%;
		background-color:#fff;
		border-top:1px solid #e1e1e1;
		z-index: 999;
		>ul{
			width: 100%;
			height: 100%;
			@include clearfloat;
			>li{
				float: left;
				width: 20%;
				height: 100%;
				>a{
					display: block;
					text-align: center;						
					padding-top:15px;

					div.imgC,
					div.imgCT{
						width: 100%;
					}
					div.imgCT{
						display: none;
					}
					div.neme{
						padding-top:8px;
						font-size: 18px;
						color: #333;
					}
				}
				>a.router-link-active{
					div.imgC{
						display: none;
					}
					div.imgCT{
						display: block;
					}
					div.neme{
						color: $themeColor;
					}

				}
			}
			>li.phone{
				position: relative;
				width: 20%;
				>a.phone{
					width: 100px;
					height: 100px;
					border-radius:50%;
					position: absolute;
					background-color:$themeColor;
					color: #fff;
					top: -21px;
					left: 50%;
					line-height: 100px;
					padding:0;
					margin-left: -50px;
					i{
						color: #fff;
						font-size: 60px;
					}
				}
			}
		}
	}

</style>

<template>
	<footer id="PublicFooter">
		<ul>
			<li>
				<router-link to="/">
					<div class="imgC"><img src="images/home.jpg"></div>
					<div class="imgCT"><img src="images/home-an.jpg"></div>
					<div class="neme">首页</div>
				</router-link>

			</li>


			<li>
				<router-link to="/AnutList">
					<div class="imgC"><img src="images/search.jpg"></div>
					<div class="imgCT"><img src="images/search-an.jpg"></div>
					<div class="neme">找月嫂</div>
				</router-link>
			</li>
			<li class="phone">
				<a class="phone" href="#"><i class="iconfont">&#xe607;</i></a>
			</li>

			<li>
				<router-link to="/my">
					<div class="imgC"><img src="images/my.jpg"></div>
					<div class="imgCT"><img src="images/my-an.jpg"></div>
					<div class="neme">我的</div>
				</router-link>
			</li>

			<li>
				<router-link to="/consult">
					<div class="imgC"><img src="images/consult.jpg"></div>
					<div class="imgCT"><img src="images/consult-an.jpg"></div>
					<div class="neme">立即咨询</div>
				</router-link>
			</li>

		</ul>
	</footer>

</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){
	    	// 	var data = obj.custom;
	    	// 	for (var i = 0; i < data.length; i++) {
	    	// 		data[i].createtime = new Date(parseInt(data[i].createtime)*1000).Format("yyyy-MM-dd");
	    	// 		data[i].evaluation = data[i].evaluation || '改用户没有评价！';
	    	// 		data[i].level = parseInt(data[i].level); 	    		
	    	// 	}
	    	// 	this.commentList = data;
	    	// }
	    },

	    created:function function_name(argument) {
	    	// body...
	    }

	}
</script>
